<template>
  <div class="main">
    <div class="headers">
      <Nav title="导出应聘登记表"></Nav>
    </div>
    <div class="content">
      <div>
        <a-button
          type="primary"
          icon="file-protect"
          style="margin-left: 1100px"
        >
          导出
        </a-button>
      </div>
      <div class="printContent">
        <div class="companyName">小明贸易公司</div>
        <div class="loginTableName" style="margin-bottom: 15px">默认登记表</div>
        <!-- 导航部分 -->
        <div class="loginTableDetail">
          <div class="loginTableDetail_item">应聘职位:</div>
          <div class="loginTableDetail_item" style="text-align: left">
            用人部门:
          </div>
          <div class="loginTableDetail_item" style="text-align: left">
            填表日期:
          </div>
        </div>

        <!-- 第一部分 -->
        <div class="print_parents">
          <table class="print_printSheet" border='1'>
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">基本信息</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">姓名</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">性别</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">出生日期</td>
                <td colspan="4" style="width: 236px"></td>
              </tr>

                <tr>
                <td colspan="2" style="width: 118px">籍贯</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">政治面貌</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">证件类型</td>
                <td colspan="4" style="width: 236px"></td>
              </tr>

                <tr>
                <td colspan="2" style="width: 118px">证件号码</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">是否已婚</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">参加工作时间</td>
                <td colspan="4" style="width: 236px"></td>
              </tr>

              <tr>
                <td colspan="2" style="118px">自我评价</td>
                <td colspan="12" style="708px"> </td>
              </tr>
            </tbody>
          </table>
        </div>
        <!-- 第二部分 -->
         <div class="print_parents">
          <table class="print_printSheet" border='1'>
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">联系信息</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">手机号码</td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px">个人邮箱</td>
                <td colspan="8" style="width: 472px"></td>
               
              </tr>

                <tr>
                <td colspan="2" style="width: 118px">现居住地址</td>
                <td colspan="12" style="width: 708px"></td>
               
              </tr>

                <tr>
                <td colspan="2" style="width: 118px">家庭地址</td>
                <td colspan="12" style="width: 708px"></td>
              </tr>
            </tbody>
          </table>
        </div>

        <!-- 第三部分 -->
         <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">工作经历</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">工作开始时间</td>
                <td colspan="2" style="width: 118px">工作结束时间</td>
                <td colspan="2" style="width: 118px">工作单位</td>
                <td colspan="2" style="width: 118px">职务</td>
                <td colspan="6" style="width: 354px">工作内容</td>
               
              </tr>

                <tr>
               <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
               
              </tr>

                <tr>
                  <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>

                <tr>
                  <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>



            </tbody>
          </table>
        </div>
        <!-- 第四部分 -->
        <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">教育经历</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">教育开始时间</td>
                <td colspan="2" style="width: 118px">教育结束时间</td>
                <td colspan="2" style="width: 118px">毕业院校</td>
                <td colspan="2" style="width: 118px">毕业专业</td>
                <td colspan="6" style="width: 354px">学历</td>
               
              </tr>

                <tr>
               <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
               
              </tr>

                <tr>
                  <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>

                <tr>
                  <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>
              
            </tbody>
          </table>
        </div>

        <!-- 第五部分 -->
        <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">紧急联系人</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">联系人姓名</td>
                <td colspan="2" style="width: 118px">关系</td>
                <td colspan="2" style="width: 118px">联系电话</td>
                <td colspan="8" style="width: 472px">联系人地址</td>
              </tr>

                <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>

                <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>

                <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>
              
            </tbody>
          </table>
        </div>

        <!-- 第六部分 -->
        <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">培训经历</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">培训开始时间</td>
                <td colspan="2" style="width: 118px">培训结束时间</td>
                <td colspan="2" style="width: 118px">培训名称</td>
                <td colspan="2" style="width: 118px">培训单位</td>
                <td colspan="6" style="width: 354px">培训证书名称</td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>

              <tr>
               <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="6" style="width: 354px"></td>
              </tr>

            </tbody>
          </table>
        </div>

        <!--第七部分  -->
        <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">证书/证件</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">证书/证件名称</td>
                <td colspan="12" style="width: 708px">发证日期</td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="12" style="width: 708px"></td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="12" style="width: 708px"></td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="12" style="width: 708px"></td>
              </tr>

            </tbody>
          </table>
        </div>

        <!-- 第八部分 -->
        <div class="print_parents">
          <table class="print_printSheet" >
            <tbody>
              <tr>
                <td colspan="14" style="width: 826px">
                  <p class="print_title">家庭成员</p>
                </td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px">成员姓名</td>
                <td colspan="2" style="width: 118px">关系</td>
                <td colspan="2" style="width: 118px">职务</td>
                <td colspan="8" style="width: 472px">成员电话</td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>

              <tr>
               <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>

              <tr>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="2" style="width: 118px"></td>
                <td colspan="8" style="width: 472px"></td>
              </tr>

            </tbody>
          </table>
        </div>



      </div>
    </div>
  </div>
</template>

<script>
import Nav from "../../../components/nav/back";
export default {
  name: "print",
  components: {
    Nav,
  },
};
</script>

<style scoped lang="less">
.main {
  width: 100%;
  padding: 14px 30px 30px;
  .headers {
    width: 100%;
    background-color: #fff;
    padding: 35px 40px;
    border-radius: 8px;
    box-shadow: rgb(0 73 152 / 5%) 0px -5px 20px 0px;
  }
  .content {
    width: 100%;
    border-radius: 8px;
    background: #fff;
    
    .printContent {
      width: 840px;
    
      margin: 30px auto;
      padding-bottom:80px ; 
      .companyName {
        width: 100%;
        height: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #33302d;
        line-height: 20px;
        margin-bottom: 30px;
      }
      .loginTableName {
        width: 100%;
        height: 28px;
        font-size: 20px;
        text-align: center;
        font-weight: 500;
        color: #33302d;
        line-height: 28px;
        margin-bottom: 15px;
      }
      .loginTableDetail {
        width: 100%;
        height: 14px;
        display: table;
        margin-bottom: 10px;
        .loginTableDetail_item {
          display: table-cell;
          width: 33.33%;
          height: 14px;
          font-size: 14px;
          font-weight: 400;
          color: #303133;
          line-height: 14px;
        }
      }

      .print_parents {
        width: 840px;
        .print_printSheet {
          width: 840px;
          margin: -1px auto 0;
          border-left: 2px solid #d9d9d9;
          border-right: 2px solid #d9d9d9;
          border-collapse: collapse;
          tbody {
            display: table-row-group;
            vertical-align: middle;
            border-color: inherit;
            td {
              position: relative;
              height: 38px;
              border: 1px solid #d9d9d9;
              font-size: 16px;
              text-align: center;
              color: #000;
              word-break: break-all;
              vertical-align: middle;

              .print_title {
                text-align: left;
                padding: 0;
                margin: 0;
                text-indent: 2em;
                height: 38px;
                line-height: 38px;
                color: #333;
                background-color: #f9fafb;
              }
            }
          }
        }
      }
    }
  }
}
</style>